@import "base/rest-weui";
@import "base/global";
@import "btn/btn-weui";
@import "components/ranking-list";
@import "components/m-avatar";
@import "components/m-pages";
@import "components/m-table--bootstrap";
@import "components/m-ibox";
//@import "base/animate";
//@import "components/grade-stars";
/*颜色*/
@import "mixins/colors-business";
@import "mixins/m-global";

.p-personal-avatar{
  height:3rem;
  border-radius: 50%;
}
.weui-cells--personal{
    .weui-cell__bd{
      i{
        color:$color_orange_dark;
        margin-right:5px;
        font-size:18px;
      }
    }
    span,p{
      color:$content_color;
    }
    .weui-badge{
      color:#fff;
    }
}
.m-submit-wrap{
  padding:1.4rem 1rem;
}
.p-panel--msg{
  background-color:#fff;
  height:8rem;
  position: relative;
  padding-top:2rem;
}
.p-panel-title{
  font-size:1rem;
  text-indent: 1rem;
}
.p-panel-msg{
  color:#F50403;
  font-size: 2rem;
}
.p-btn-question,.p-btn-return{
  display: inline-block;
  width:1.6rem;
  height:1.6rem;
  line-height: 1.6rem;
  position: absolute;
  top:4.5rem;
  margin-top:-.8rem;
  z-index: 10;

  i{
    font-size:1.6rem;
  }
}
.p-btn-question{
  color:$color_orange_dark;
  right:1rem;
  &:not(.weui-btn_disabled):active {
    color: darken($btn_orange-bg-color, 5%)
  }
}

.p-btn-return{
  color:#fff;
  background-color:$color_orange_dark;
  border-radius: 50%;
  left:1rem;
  &:not(.weui-btn_disabled):active {
    color: hsla(0,0%,100%,.6);
    background-color: darken($btn_orange-bg-color, 5%)
  }
  i{
    font-size: 1rem;
  }
}
/*我的私信*/
.p-gift-img,
.p-gift-text{
  display:inline-block;
  vertical-align: bottom;
}
.p-gift-img{
  width:1.2rem;
}
.p-gift-text{
  color:#D97333;
  font-size:.7rem;
}
$avatar_wh:3rem;
.m-avatar{
  width:$avatar_wh;
  height:$avatar_wh;
  img{
    width:100%;
    height:100%;
  }
}
span.m-avatar{
  display:inline-block;
  vertical-align: middle;
}
.m-waiter-group{
  padding:.5rem .7rem;
  .m-avatar{
    margin-right:.5rem;
  }
  .m-waiter_title{
    margin-top:.1rem;
    margin-bottom:.2rem;
  }
  .m-waiter_side{
    font-size:.7rem;
    color:$color_orange_light;
  }
  .p-gift{
    position: absolute;
    top:35%;
    right:.7rem;
  }
  .p-gift-text{
    font-size:.7rem;
  }
}
.weui-cell__ft{
  span.g-va--m{
    line-height: 24px;
  }
}

/*员工端登陆页面*/
.p-waiter-login{
  background-color:$color_green-ft;
  padding-top:1px;
}
.m-box-login{
  padding:.5rem;
  background-color:#fff;
  .weui-label{
    width:1.5rem;
    margin-right:.5rem;
    color:$color_green-ft;
    border-right:1px solid $color_green-ft;
  }
  input::-webkit-input-placeholder{
    color:#CACAC8;
  }
  .weui-cells{
    margin-top:0;
    &:before,
    &:after{
      height:0;
      border:none;
    }
  }
  .weui-cell{
    border-radius: .5rem;
    background-color:#EFEFED;
    border-bottom:1px solid #d9d9d9;
    &:before{
      border-color:#fff;
    }
    &:first-child{
      margin-bottom:.5rem;

    }
  }
}
.m-login-forget{
  display: block;
  font-size: .8rem;
}
.p-login-logo,
.p-login-title,
.p-login-text{
  font-size: 0;
  margin:{
    left:auto;
    right:auto;
  }
  img{
    display: block;
    width:100%;
  }
}
.p-login-logo{
  width:35%;
  margin-top:2rem;
  margin-bottom:1rem;
}
.p-login-title{
  width:80%;
  margin-bottom:1rem;
}
.p-login-text{
  width:80%;
  margin-top:1rem;
}
.m-login-warp{
  position: relative;
  padding:3.1rem 1rem 1rem;
  margin:{
    left:1rem;
    right:1rem;
  }
}
.p-login-warp_bg{
  position: absolute;
  width:100%;
  top:0;
  left:0;
  z-index: -1;
}
.p-input-group-vcode{
  .weui-cell__ft{
    height:45px;
    line-height: 45px;
    padding-right:.4rem;
    .weui-btn{
      font-size:.65rem;
      display: inline-block;
      padding:0 .4rem;
      margin:{
        top:.35rem;
      }
    }
  }
}
.p-forget--text{
  font-size:.9rem;
  color:$content_color;
  margin:{
    top:1rem;
    bottom:1.5rem;
  }
  p{
    margin-bottom:.5rem;
  }
}
$weui-media-box-p:.4rem .5rem .3rem;
.m-weui-panel--shop{
  .weui-media-box{
    position: relative;
    padding:$weui-media-box-p;
    align-items: flex-start;
  }
  .icon-enter{
    $icon_font:1.2rem;
    $icon_mt:$icon_font;
    position: absolute;
    font-size:$icon_font;
    top:50%;
    margin-top:- $icon_mt;
    right:.2rem;
    color:#B3B3B3;
  }
  .weui-media-box__hd{
    $box__hd-wh:5.8rem;
    width:$box__hd-wh;
    height:$box__hd-wh
  }
  .weui-media-box__bd{
    position: relative;
    padding:{
      right:1rem;
      bottom:1.5rem;
    }
  }
  .weui-media-box__title{
    font-size:.8rem;
    line-height: 1.5;
    margin-bottom:.4rem;
  }
  .m-media_box_help.g-c--orange{
    color:#E2CAB0;
    margin-bottom:.5rem;
    font-size:12px;
  }
}
/*员工 我的评论*/
.m-comment-grade-group{
  position: relative;
}
.m-comment-shop,
.m-comment-grade{
  display:inline-block;
}
.m-comment-shop{
  margin-left:.8rem;
}
.m-comment-grade{
  position: absolute;
  bottom:.25rem;
  right:1rem;
  font-size: .7rem;
  color:#999;
  span{
    margin-bottom:.25rem;
  }
  img{
    width:2rem;
    display: inline-block;
    vertical-align: bottom;
  }
}
/*员工提现----------------------------------------------------*/
.m-media-hd{
  margin-right:1rem;
  text-align: center;
  i{
    font-size: 2rem;

  }

  span{
    display:block;
    font-size:.7rem;
    margin-top:-.25rem;
  }
  &.m-media-hd--horizontal{
    display: inline-block;
    vertical-align: middle;
    margin-right:0;

    i{
      font-size:1.5rem;
      vertical-align: middle;
    }
    span{
      margin-top:-.1rem;
      display:inline-block;
      vertical-align: middle;

    }
    .icon-icon-alipay + span{
      color:#0AAAF0;
    }
    .icon-weixinzhifu + span{
      color:#59B64C;
    }
    .icon-yinhangqia + span{
      color:#FF5770;
    }
  }
}
.m-media-hd{
  .icon-icon-alipay{
    color:#0AAAF0;
  }
  .icon-weixinzhifu{
    color:#59B64C;
  }
  .icon-yinhangqia{
    color:#FF5770;
  }
}
/*上钟管理-----------------------------------------------------------------*/
.sortable-list{
  padding:0;
  margin:0;
  li{
    display:block;
    min-height:206px;
    padding:{
      top:5px;
      bottom:10px;
    }
    border: 1px solid transparent;
    border-right:1px solid #ECECEC;
    //background-color:rgba(255,255,255,.8);
    /*&:nth-child(6n){
      border-right:none;
    }*/
    /*&:hover{
      box-shadow: 1px 1px 15px 2px rgba(0,0,0,.2);
      .m-waiter-avatar img{
        transform:scale(1.25);
        transition: 1s;
      }

    }*/
  }
}
.m-working-icon{
  display:none;
}
.m-waiter-avatar{
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  img{
    display:block;
    width:100%;
    height:100%;
    border-radius: 50%;
  }
}
.m-waiter-number,
.m-waiter-info{
  text-align: center;
  font-size:.7rem;
}

.m-waiter-states{
  width:100%;
  line-height: 1.5rem;
  height:1.5rem;
}
.m-element-free{
  .m-waiter-avatar{
    background-color:$color-free;
    border: 3px solid $color-free;
  }
  .m-waiter-states{
      color:$color-free;
      &:focus{
        border-color:$color-free !important;
      }
  }
  .m-waiter-number,
  .m-waiter-info{
    color:$color-free;
  }
}
.m-element-working{
  .m-waiter-avatar{
    background-color:$color-working;
    border: 3px solid $color-working;
  }
  .m-working-icon{
    position: absolute;
    @extend %transform--center;
    border-radius: 50%;
    display:block;
    width:100%;
    height:100%;
    width:calc(100%);
    height:calc(100%);
    background-color:rgba(0,0,0,.3);
    z-index: 99;
    @at-root .m-avatar--100 &{

    }
    i{
      font-size:60px;
      position: absolute;
      @extend %transform--center;
      color:#fff;
    }
  }
  .m-waiter-number,
  .m-waiter-info{
    color:$color-working;
  }
  .m-waiter-states{
      color:$color-working;
      &:focus{
        border-color:$color-working !important;
      }
  }
}
.m-element-rest{
  .m-waiter-avatar{
    background-color:$color-rest;
    border: 3px solid $color-rest;
    img{
      opacity: .5;
    }
  }
  .m-waiter-number,
  .m-waiter-info{
    color:$color-rest;
  }
  .m-waiter-states{
      color:$color-rest;
      &:focus{
        border-color:$color-rest !important;
      }
  }
}
/*拖拽动画效果*/
.m-element-free {
  cursor: move;
  cursor: -webkit-grabbing;
}
.ghost {
  opacity: .5;
  background: #C8EBFB;
}
.chosen {
  color: #fff;
  background-color: #c00;
}
.sortable-ghost {
  opacity: .2;
}
.sortable-drag {
  background: #daf4ff;
}
.p-business-center .weui-cell__hd{
  i{
    line-height: 24px;
  }
}
/*10.23 add*/
.p-QR-code .m-avatar{
  width:100%;
  height:100%;
}
/* 新增修改 */
.m-tab-header{
  position:relative;
  background-color:#009393;
  color:#fff;
  height:2.4rem;
  padding-left:.5rem;
}
.m-tab-header_title{
  line-height:2.4rem;
  font-size:.8rem;
  margin:0;
}
.m-tab-header_title small{
  font-size:75%;
  margin-left:.5rem;
}
.m-tab-header--index{
  background-color:#fff;
  color:#07A693;
  border-bottom:1px solid #ECECEC;
  box-shadow: 0 1px 5px 1px rgba(0,0,0,.05);
  .m-tab-header_title{
    color:#07A693;
  }
}
.m-tab-header--pages{
  background-color:#009393;
  color:#fff;
  border-bottom:1px solid #ECECEC;
  box-shadow: 0 1px 5px 1px rgba(0,0,0,.05);
}
.m-tab-header--pages.m-tab-header{
  padding-left:1rem;
}
.p-btn-login{
  position:absolute;
  right:.5rem;
  top:.5rem;
}
.p-tab-banner img{
  display:block;
  width:100%;
}
.m-nav--main .weui-flex__item{
  padding:.25rem .5rem;
}
.m-nav--main .weui-flex__item:first-child{
  padding-right:.25rem;
}
.m-nav--main .weui-flex__item:last-child{
  padding-left:.25rem;
}
.m-nav-btn{
  display:block;
  border:1px solid #DBDBDB;
  border-radius: .2rem;
  text-align:center;
  padding:.5rem 0;
}
.m-nav__icon{
  height:2rem;
}
.m-nav__icon i{
  font-size:1.4rem;
}
.p-sortable-title{
  position: relative;
}
.p-sortable-title span{
  position: relative;
  display:inline-block;
  background-color:#fff;
  padding:0 .5rem;
  z-index:10;
}
.p-sortable-title:after{
  content:'';
  position:absolute;
  width:100%;
  height:1px;
  background-color:#07A693;
  left: 0;
  top: 49%;
}
.g-c--red.p-sortable-title:after{
  background-color:#E62B4A;
}
.g-c--gray.p-sortable-title:after{
  background-color:#999;
}
.m-card--withdraw{
  margin:0 .5rem .5rem;
  background-color:#009393;
  color:#fff;
  padding:1.5rem .5rem .5rem;
  border-radius:.25rem;
}
.m-card-footer{
  margin-top:1.5rem;
  border-top:1px solid #fff;
  padding-top:.5rem;
}
.m-card-footer .weui-flex__item:first-child{
  border-right:1px solid #fff;
}
/*店铺管理*/
.m-nav-btn{
  &.p-shop-bg{
    height:5rem;
    position: relative;
  }
}
.m-nav__title{
  color:#000;
}
.m-nav__title_side{
  color:rgba(0,0,0,.7);
  font-size:.6rem;
  padding:0 .25rem;
}
.p-shop-bg{
  background: no-repeat center/cover;
}
.m-nav__title-wrap{
  position: absolute;
  @extend %transform--center;
  width:100%;
  background-color:rgba(255,255,255,.7);
}